<template>
  <div class="container flex align-center justify-center">
    <div class="content flex justify-center items-center">
      <div>抱歉，您无权访问此页面</div>
      <q-btn class="q-mr-md margin-t-10" color="primary" @click="goMain">返回首页</q-btn>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Error404',
  methods: {
    goMain () {
      this.$router.push({ path: '/' })
    }
  }
}
</script>

<style lang="scss" scoped>
.container{
  //background-color: #ffffff;
  background: #ffffff url('../statics/img/401.png') no-repeat;
  background-position: center 30%;
  position: relative;

  .content{
    position: absolute;
    top: 50%;
    color: #999999;
    flex-direction: column;
  }
}
</style>
